iT邦幫忙

2023 iThome 鐵人賽

0
Modern Web

打造你的第一個網站系列 第 32

第三十二天-發布你的個人網站

  • 分享至 

  • xImage
  •  

今天要教大家如何透過Surge將作品放到網路上去。
1.首先,我先下載Node.js: https://nodejs.org/en
https://ithelp.ithome.com.tw/upload/images/20231013/20149625GUpTCYE6vA.png
請點選左邊的LTS版本。
2.安裝過程請全部使用預,無須更動,Node.js是一個執行環境,所以跑完好安裝程序,就代表安裝完成。
https://ithelp.ithome.com.tw/upload/images/20231013/20149625pgqzzORnuo.png
3.安裝好之後,接著設定Windows的PowerShell 執行政策變更,
首先,以「系統管理員身分執行」執行PowerShell。
https://ithelp.ithome.com.tw/upload/images/20231013/20149625iYKub0XC2A.png

接著,在視窗上面輸入「Get-ExecutionPolicy」,一般會出現Restiricted,如果已經是Unrestricted,則可以跳過,直接跳到下一步。
https://ithelp.ithome.com.tw/upload/images/20231013/20149625N4bUF5yQ5Q.png
接著輸入「Set-ExecutionPolicy Unrestricted」,並且輸入Y。
https://ithelp.ithome.com.tw/upload/images/20231013/20149625U3jU3GrZnh.png
最後再一次輸入「Get-ExecutionPolicy」檢查,出現Unrestricted,就表示設定完畢。
https://ithelp.ithome.com.tw/upload/images/20231013/201496254t5gRtBWnl.png
4.關閉VSCode,並使用正確方式開啟我們要上傳的檔案的資料夾,如圖。
https://ithelp.ithome.com.tw/upload/images/20231013/20149625FFL0LH1bHn.png
5.在根目錄建立檔案取名為「CNAME」,注意必且大寫且無須副檔名。
在CNAME填上想要申請的網址,並且在結尾加上「.surge.sh」。
https://ithelp.ithome.com.tw/upload/images/20231013/20149625WyaNDhMA5M.png
6.開啟終端機,
https://ithelp.ithome.com.tw/upload/images/20231013/20149625OSXdwUzMKK.png
7.在終端機透過NPM安裝Surge,在終端機輸入「npm -I -g surge」,
-i:安裝。
-g:全域環境
8.安裝好後,可以輸入「surge -h」檢查是否有有跳出,surge的功能。
9.在終端機中輸入「surge」,第一次登入要註冊,請使用平常有在用的email,
https://ithelp.ithome.com.tw/upload/images/20231013/20149625JIOEGxMSsp.png
10.直接按下Enter就可以囉
https://ithelp.ithome.com.tw/upload/images/20231013/20149625yEWnEyPtj6.png
https://ithelp.ithome.com.tw/upload/images/20231013/20149625wUY57x6GDk.png
11.查看我們的網站
http://frank.tsai-website.surge.sh/

注意是http 不是https


上一篇
第三十一天-更進一步認識Bootstrap
系列文
打造你的第一個網站32
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言